const app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    userInfo:{},//用户信息
    bgurl:'',
    style_list:[
      {id:1, style_name:"全部", style_id:"all", isClick:true},
      {id:2, style_name:"星星", style_id:"star", isClick:false},
      {id:6, style_name:"爱情", style_id:"loveStory", isClick:false},
    ],
    template_list:[],
  },
  user_own:[],
  style_click: function(e){
    let index = e.target.dataset.index;
    let temp_str = 'style_list['+index+'].isClick';
    let list = this.data.style_list;
    for(var i=0; i<list.length; i++){
      let temp_str2 = 'style_list['+i+'].isClick';
      if(list[i].isClick){
        this.setData({
          [temp_str2] : false
        })
      }
    };
    this.setData({
      [temp_str] : true,
    });
    this.getData(list[index].style_id);
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      userInfo:app.globalData.userInfo,
      bgurl:app.globalData.bgurl
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.setData({
      bgurl:app.globalData.bgurl
    })
    if(!app.globalData.hasUserInfo){
      wx.request({
        url:`${app.globalData.url}/shop/showTem`,
        success: res => {
          console.log(res)
          if(res.statusCode==200){
            res.data.map((item)=>{
              item.isGet="获取"
            })
            this.setData({
              template_list : res.data,
            })
          }
        },
        faile:err => {
          console.error(err)
        }
      })
    }else{
      var user_own = []//用户已经获取的模板
      wx.request({
        url:`${app.globalData.url}/shop-user/showTem`,
        header:{'Content-Type':'application/x-www-from-urlencoded','authorization':`${wx.getStorageSync('login_key')}`},
        success: res => {
          if(res.statusCode==200){
            res.data.template.map((item)=>{
              item.isGet="获取"
              for(let i=0; i<res.data.user_own.length; i++){
                if(item.template_id==res.data.user_own[i].template_id){
                  item.isGet="已获取"
                }
              }
              this.user_own = res.data.user_own
            })
            user_own = res.data.user_own
            this.setData({
              template_list: res.data.template,
            })
            console.log(this.data.template_list)
          }
        },
        faile:err => {
          console.error(err)
        }
      })
    }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  /**
   * 请求template接口
   */
  getData: function(style_id){
    if(!app.globalData.hasUserInfo){
      wx.request({
        url:`${app.globalData.url}/shop/styleTem/${style_id}`,
        success: res => {
          if(res.statusCode==200){
            res.data.map((item)=>{
              item.isGet="获取"
            })
            this.setData({
              template_list : res.data,
            })
          }
        },
        faile:err => {
          console.error(err)
        }
      })
    }else{
      if(style_id=='all'){
        wx.request({
          url:`${app.globalData.url}/shop-user/showTem`,
          header:{'Content-Type':'application/x-www-from-urlencoded','authorization':`${wx.getStorageSync('login_key')}`},
          success: res => {
            if(res.statusCode==200){
              res.data.template.map((item)=>{
                item.isGet="获取"
                for(let i=0; i<res.data.user_own.length; i++){
                  if(item.template_id==res.data.user_own[i].template_id){
                    item.isGet="已获取"
                  }
                }
              })
              this.setData({
                template_list: res.data.template,
              })
            }
          },
          faile:err => {
            console.error(err)
          }
        })
      }else{
        wx.request({
        url:`${app.globalData.url}/shop-user/styleTem/${style_id}`,
        header:{'Content-Type':'application/x-www-from-urlencoded','authorization':`${wx.getStorageSync('login_key')}`},
        success: res => {
          if(res.statusCode==200){
            res.data.map((item)=>{
              item.isGet="获取"
              for(let i=0; i<this.user_own.length; i++){
                if(item.template_id==this.user_own[i].template_id){
                  item.isGet="已获取"
                }
              }
            })
            this.setData({
              template_list : res.data,
            })
          }
        },
        faile:err => {
          console.error(err)
        }
      })
    }
    }
  },
  /**
   * 用户点击获取 获取模板
   */
  getTemplate_click: function(e){
    if (!app.globalData.hasUserInfo) {
      wx.showModal({
          title: '提示',
          content: '请先登录小程序',
          success: function (res) {
              if (res.confirm) { //这里是点击了确定以后
                  wx.switchTab({
                      url: '/pages/user/user',
                  })
              } else { //这里是点击了取消以后
                  console.log('用户点击取消')
              }
          }
        })
      } else { 
        let index = e.target.dataset.index;
        this.getTemplate(this.data.template_list[index]);
      }
  },
  getTemplate: function(template){
    wx.request({
      url:`${app.globalData.url}/shop-user/getTem/${template.template_id}`,
      header:{'Content-Type':'application/x-www-from-urlencoded','authorization':`${wx.getStorageSync('login_key')}`},
      success:res=>{
        console.log(res)
        if(res.statusCode===200){
          if(res.data=="coin don't enough"){
            wx.showToast({
              title: '拾光币不足哦', // 标题
              duration: 1500  // 提示窗停留时间，默认1500ms
            })
          }else if(res.data=="您已经有啦！"){
            wx.showToast({
              title: '你已经拥有了哦', // 标题
              duration: 1500  // 提示窗停留时间，默认1500ms
            })
          }else if(res.data.result=="success"){
            app.globalData.userInfo.user_coin=res.data.now_coin
            this.setData({
              userInfo:app.globalData.userInfo
            })
            wx.showToast({
              title: '获取成功', // 标题
              duration: 1500  // 提示窗停留时间，默认1500ms
            })
            this.updateTem(template.style_id);
          }
        }
      }
    })
  },
  //得到所有模板和已有模板信息
  updateTem:function(template_style){
    console.log(this.data.template_style)
    if(this.data.template_style=='all'){
      wx.request({
        url:`${app.globalData.url}/shop-user/showTem`,
        header:{'Content-Type':'application/x-www-from-urlencoded','authorization':`${wx.getStorageSync('login_key')}`},
        success: res => {
          if(res.statusCode==200){
            res.data.template.map((item)=>{
              item.isGet="获取"
              for(let i=0; i<res.data.user_own.length; i++){
                if(item.template_id==res.data.user_own[i].template_id){
                  item.isGet="已获取"
                }
              }
            })
            this.setData({
              template_list: res.data.template,
              user_own:res.data.user_own
            })
            console.log(this.data.template_list)
          }
        },
        faile:err => {
          console.error(err)
        }
      })
    }else{
      wx.request({
        url:`${app.globalData.url}/shop-user/showTem`,
        header:{'Content-Type':'application/x-www-from-urlencoded','authorization':`${wx.getStorageSync('login_key')}`},
        success: res => {
          if(res.statusCode==200){
            this.setData({
              user_own:res.data.user_own
            })
          }
        },
        faile:err => {
          console.error(err)
        }
      })
      wx.request({
        url:`${app.globalData.url}/shop-user/styleTem/${template_style}`,
        header:{'Content-Type':'application/x-www-from-urlencoded','authorization':`${wx.getStorageSync('login_key')}`},
        success: res => {
          if(res.statusCode==200){
            res.data.map((item)=>{
              item.isGet="获取"
              for(let i=0; i<this.data.user_own.length; i++){
                if(item.template_id==this.data.user_own[i].template_id){
                  item.isGet="已获取"
                }
              }
            })
            this.setData({
              template_list : res.data,
            })
            console.log(this.data.template_list)
          }
        },
        faile:err => {
          console.error(err)
        }
      })
    }
  }
})